
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>jQuery无缝滚动插件liMarquee演示-默认效果_dowebok</title>
<script src="https://cdn.staticfile.org/jquery/1.12.4/jquery.min.js"></script>
<!-- 第二步：引入jquery.liMarquee.js和liMarquee.css -->
<script src="./js/jquery.liMarquee.js"></script>
<link rel="stylesheet" href="./css/liMarquee.css">
<style>
.dowebok { width: 800px; height: 200px;  overflow: hidden; margin: 500px auto;}
.dowebok img { 
    width:200px; 
    height:200px; 
    margin: 10px;
}
.dowebok a:hover { text-decoration: underline;}
</style>
</head>
<body style="background: #000; ">
    <!-- 第一步：引入我们要滚动的图片 -->
<div class="dowebok">
	<img src="https://tupian.qqw21.com/article/UploadPic/2014-11/201411415414782962.jpg" />
    <img src="https://tupian.qqw21.com/article/UploadPic/2022-11/2022112019453326411.jpg" />
    <img src="https://tupian.qqw21.com/article/UploadPic/2022-11/2022112019453435483.jpeg" />
    <img src="https://tupian.qqw21.com/article/UploadPic/2022-11/2022112019453454717.jpg" />
    <img src="https://tupian.qqw21.com/article/UploadPic/2022-11/2022112019453874130.jpeg" />
</div>
<script>
    // 第三步：使用liMarquee
$(function(){
	$('.dowebok').liMarquee({
        scrollamount: 50
    });
});
</script>
</body>
</html>

